<template>    <!--参建单位及人员 -->
  <div class="base-panels">
    <anchorLink :links="links"></anchorLink>
    <section id="c1"><unit></unit></section>
    <section id="c2"><person></person></section>
  </div>
</template>

<script lang="ts">
import {defineComponent, ref, toRefs,} from 'vue';
import { anchorLink } from "/@/components/linkComponent/index";
import { unit , person } from "./relatedItems";
import {detailProps} from "/@/api/pro";
export default defineComponent({
  components: {
    anchorLink , unit , person
  },
  props : detailProps,
  setup(props) {
    const { detail } = toRefs(props);
    return {
      detail,
      links: ref([{
        key: '#c1',
        title: '参建单位'
      },{
        key: '#c2',
        title: '参建人员'
      }])
    }
  }
})
</script>

<style lang="less" scoped>

.base-panels{
  padding-bottom: 50px;
}

.types {
  display: flex;

  li {
    padding: 5px 10px;
    margin-right: 20px;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    cursor: pointer;
    background: #F6F6F6;

    &.active {
      color: @white;
      background: #216DE5;
    }
  }
}
</style>
